.time_box_content {
  .time_box_item {
    height: 8vh;
  }
}

.table_header {
  font-size: 0.5rem;
}

.data_analysis {
  background: url("http://www.newhlty.tz-group.com/img/bg.82f8f7db.png") no-repeat top center;
  height: 100%;

  .data_analysis_line {
    width: 100%;
  }

  .data_analysis_flex_box {
    padding: 10px;
    display: flex;
    flex-direction: row;

    .item_box {
      flex: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      margin-right: 0.5rem;

      .left_pie {
        width: 100%;
        height: 13rem; //13rem
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        margin-bottom: 1rem;
        background-size: 100% 100%;
        padding: 1rem;
      }

      .bottom_pie {
        margin-bottom: 1rem;
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        height: 24rem; //20rem
        padding: 1rem;
        background-size: 100% 100%;

        .demo-list {
          height: 5rem;
        }
      }

      .bottom_pie_min {
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        height: 12rem; //20rem
        padding: 1rem;
        background-size: 100% 100%;

        .demo-list {
          height: 6rem;
        }
      }
    }

    .center_flex_box {
      margin-right: 0.5rem;
      display: flex;
      flex-direction: column;
      flex: 1;

      .left_pie {
        width: 100%;
        margin-bottom: 1rem;
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        height: 13rem;
        padding: 1rem;
        background-size: 100% 100%;
      }

      .bottom_pie {
        margin-bottom: 1rem;
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        height: 24rem;
        padding: 1rem;
        background-size: 100% 100%;

        .demo-list {
          height: 8rem;
        }
      }

      .bottom_pie_min {
        background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
        height: 12rem; //20rem
        padding: 1rem;
        background-size: 100% 100%;

        .demo-list {
          height: 8rem;
        }
      }
    }

    .right_box_back {
      flex: 2;
      background: url("http://www.newhlty.tz-group.com/img/statistics_bg1.a011cd44.png") no-repeat top center;
      background-size: 100% 100%;

      .demo-list {
        height: 18rem;
      }
    }
  }
}


//

.device_basic {
  font-size: 0.9vw;
  height: 4vh;
}
.device_basic_content {
  font-size: 0.8vw;
  height: 4vh;
}
#duration_statistics {
  height: 16vh;
}
#maintain {
  height: 16vh;
}
#double_line {
  height: 17vh;
}
#abnormal_statistics{
  height: 16vh;
}
#main{

}

//  bottom_echarts_box
.bottom_echarts_box{
  .item{
    font-size: 1vw;
  }
}

//  空格
.blank_height{
  height: 0.1vh;
}


.time_device_box {
  padding: 10px;

  .time_box_list {
    display: flex;
    flex-direction: row;
    justify-content: space-between;

    .time_box_item {
      flex: 1;
      color: #4d5aec;
      display: flex;
      justify-content: flex-start;
      font-size: 0.1vw;
    }
  }

  .time_box_content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;

    .time_box_item {
      flex: 1;
      border: #4d5aec 0.1rem dashed;
      //height: 8rem;
    }

    .time_box_device {
      display: flex;
      flex-direction: row;
      justify-content: flex-start;
      width: 100%;
      position: absolute;
      top: 30%;
      left: 0;
    }
  }
}

.device_box {
  .header_line {
    border: 1px solid #66b7f6;
  }

  .device_basic {
    display: flex;
    flex-direction: row;
    background-color: #2f4268;
    color: white;

    .device_basic_item {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
    }
  }

  .device_basic_content {
    display: flex;
    flex-direction: row;
    color: #67e1fa;

    .device_basic_item {
      display: flex;
      justify-content: center;
      align-items: center;
      flex: 1;
    }
  }
}
